<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="d3.js" ></script>
    <script src="d3.v3.min.js"></script>
    <script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="InteractionLib.js"></script>
    <script src="mosaicSource.js"></script>
</head>
<style>

    body {
        font: 10px sans-serif;
    }

    rect {
        stroke: #000;
    }

    svg {
        shape-rendering: crispEdges;
    }
</style>

<body bgcolor="#f5f5f5">

<center>
    <div id="container" style="width:1050px">
        <div id="header" style="background-color:#ff7d90;">
            <h1 style="margin-bottom:0;">
                <center>
                    <font color = "green">
                        <p> Mosaic Plot  </p>
                    </font>
                </center>
            </h1>
        </div>
</center>

<div ng-app="Mosaic-Plot"  >
<div ng-contoller="Ctrl">
    <mosaic  ng-init="colors=2"></mosaic>
</div>
</div>

</body>
</html>